<template>
	<view class="swiperBanner">
		<view class="proSwiper" :style="{height:swiperHeight + 'rpx'}">
			<swiper class="swipers defBg" :indicator-dots="dotsFlag" indicator-color="rgba(255,255,255,.3)" indicator-active-color="#ffffff" :autoplay="autoplayFlag" :circular="circularFlag">
				<!-- <swiper-item class="swiper-item" style="border-radius: 12rpx;"
					v-for="(item,index) in bannerList"
					:key="index"
				>	
					<image class="samePar" :src="item.bannerImag" mode="aspectFill"></image>
				</swiper-item> -->
				<swiper-item class="swiper-item" style="border-radius: 12rpx;">
					<image class="samePar" :src="getStaticFilePath('kcBanner .png')" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			swiperHeight:{
				type:Number,
				default:256
			},
			bannerList:{
				type:Array
			}
		},
		data(){
			return{
				dotsFlag:true,
				autoplayFlag:true,
				circularFlag:true,
			}
		},
		onLoad(){
		},
		methods:{
			goPjList(){
				//this.$emit('goPjList')
			}
		}
	}
</script>

<style lang='scss' scoped>
	.proSwiper .swipers{
		width: 100%;
		height: 100%;
	}
	.proSwiper .swipers .swiper-item{
		border-radius: 6rpx;
	}
</style>